import React, { Component } from 'react'
import  PropTypes from 'prop-types'
class MainBanner extends Component {
  constructor(props) {
    super(props)
  }
  render() {
    const {banner,title} = this.props
    return (
      <div>
        <h2 >{title}</h2>
        <ul>
        {banner.map(item => <li key={item.acm}>{item.title}</li>)}
        </ul>
      </div>
    )
  }
}
// 对父组件传来的参数进行类型校验
// React15.5开始，把PropTypes抽离到prop-types库中，项目中使不使用取决于你，不用的话webpack打包时会tree shrink摇掉。
// React官方推荐使用typescript进行类型校验，而不是使用propTypes在运行时进行校验(PropTypes控制台报错，不影响运行)
MainBanner.propTypes = {
  title: PropTypes.string.isRequired,
  banner: PropTypes.array.isRequired
}
MainBanner.defaultProps = {
  title: '默认标题',
  banner: []
}
export default MainBanner